<template>
  <div></div>
  <!-- <img
    style="width: 160px; height: 112px; transform: translateY(-50%) translateX(-50%)"
    ref="container"
    class="container-box-gif"
    src="//static.jiyi.show/template/logoMove.gif"
    alt=""
  /> -->
  <!-- <div ref="container" class="container-box">
 
  </div> -->
</template>

<script lang="ts">
// @ts-nocheck
import { onMounted, ref } from 'vue';
// import lottie from 'lottie-web';

export default {
  setup() {
    const container = ref(null);

    // onMounted(() => {
    //   lottie.loadAnimation({
    //     container: container.value, // 必须是一个DOM元素
    //     renderer: 'svg', // 可以是 'svg' / 'canvas' / 'html'
    //     loop: true, // 是否循环播放
    //     autoplay: true, // 是否自动播放
    //     path: '//static.jiyi.show/template/templatedata.json', // 动画JSON数据的路径
    //   });
    // });

    return { container };
  },
};
</script>

<style>
.container-box-gif {
  top: 50vh;
  left: 50vw;
  position: fixed;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 100;
  width: 160px;
  height: 112px;
}
</style>
